/*
 * Copyright (C) 2020 Jimmy Hogoboom
 *
 * This file is part of Limitlist.
 *
 * Limitlist is free software: you can redistribute it and/or modify
 * it under the terms of the Affero GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Limitlist is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * Affero GNU General Public License for more details.
 *
 * You should have received a copy of the Affero GNU General Public License
 * along with Limitlist.  If not, see <https://www.gnu.org/licenses/>.
 */

// SPDX-License-Identifier: AGPL-3.0-or-later

import React from 'react';
import 'App.scss';
import ProductList from 'components/ProductList';
import ProductListManager from 'components/ProductListManager';
import storage from 'storage';

const App = () => {
  return (
    <>
      <nav className="navbar" role="navigation" aria-label="main navigation">
        <div className="navbar-brand">
          <div className="navbar-item logo">
            Limitlist
          </div>
        </div>
      </nav>
      <div className="section window-view-height">
        <div className="container">
          <ProductListManager
            listId="itemList"
            storage={storage}
          >
            <ProductList />
          </ProductListManager>
        </div>
      </div>
      <footer className="footer">
        <div className="content has-text-centered">
          <a href="https://notabug.org/jimmyh/limitlist">Source</a>
          <span>
            &nbsp;Copyright © 2020 Jimmy Hogoboom
          </span>
        </div>
      </footer>
    </>
  );
}

export default App;
